﻿<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap" rel="stylesheet">

    <link type="text/css" href="{{ url_for('static', filename='css/reports.style.css') }}" rel="stylesheet">
    <link type="text/css" href="{{ url_for('static', filename='css/reports.owl.carousel.min.css') }}" rel="stylesheet">
    <!-- Bootstrap CSS -->
    <link type="text/css" href="{{ url_for('static', filename='css/reports.bootstrap.min.css') }}" rel="stylesheet">
    <!-- Style -->
    <link type="text/css" href="{{ url_for('static', filename='css/reports.style1.css') }}" rel="stylesheet">
    <title>carsmsg</title>
</head>

<body>


    <div class="content">

        <div class="container">
            <h2 class="mb-5">Message of cars waiting for charging</h2>


            <div class="table-responsive">

                <table class="table table-striped custom-table">
                    <thead>
                        <tr>

                            <th scope="col">Pile No</th>
                            <th scope="col">UserID</th>
                            <th scope="col">Battery Capacity</th>
                            <th scope="col">Charging Capacity</th>
                            <th scope="col">Queuing times</th>
                            <th scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr scope="row">



                            <td>
                                No.1
                            </td>
                            <td>
                                <p>{{result['1'][0][0]}}</p>
                                <p>{{result['1'][1][0]}}</p>
                            </td>
                            <td>
                                <p>{{result['1'][0][1]}}</p>
                                <p>{{result['1'][1][1]}}</p>
                            </td>
                            <td>
                                <p>{{result['1'][0][2]}}</p>
                                <p>{{result['1'][1][2]}}</p>
                            </td>
                            <td>
                                <p>{{result['1'][0][3]}}</p>
                                <p>{{result['1'][1][3]}}</p>
                            </td>

                        </tr>

                        <tr>

                            <td>No.2</td>
                            <td>
                                <p>{{result['2'][0][0]}}</p>
                                <p>{{result['2'][1][0]}}</p>
                            </td>
                            <td>
                                <p>{{result['2'][0][1]}}</p>
                                <p>{{result['2'][1][1]}}</p>
                            </td>
                            <td>
                                <p>{{result['2'][0][2]}}</p>
                                <p>{{result['2'][1][2]}}</p>
                            </td>
                            <td>
                                <p>{{result['2'][0][3]}}</p>
                                <p>{{result['2'][1][3]}}</p>
                            </td>
                        </tr>
                        <tr>

                            <td>No.3</td>
                            <td>
                                <p>{{result['3'][0][0]}}</p>
                                <p>{{result['3'][1][0]}}</p>
                            </td>
                            <td>
                                <p>{{result['3'][0][1]}}</p>
                                <p>{{result['3'][1][1]}}</p>
                            </td>
                            <td>
                                <p>{{result['3'][0][2]}}</p>
                                <p>{{result['3'][1][2]}}</p>
                            </td>
                            <td>
                                <p>{{result['3'][0][3]}}</p>
                                <p>{{result['3'][1][3]}}</p>
                            </td>
                        </tr>
                        <tr>

                            <td>No.4</td>
                            <td>
                                <p>{{result['4'][0][0]}}</p>
                                <p>{{result['4'][1][0]}}</p>
                            </td>
                            <td>
                                <p>{{result['4'][0][1]}}</p>
                                <p>{{result['4'][1][1]}}</p>
                            </td>
                            <td>
                                <p>{{result['4'][0][2]}}</p>
                                <p>{{result['4'][1][2]}}</p>
                            </td>
                            <td>
                                <p>{{result['4'][0][3]}}</p>
                                <p>{{result['4'][1][3]}}</p>
                            </td>
                        </tr>

                        <tr>

                            <td>No.5</td>
                            <td>
                                <p>{{result['5'][0][0]}}</p>
                                <p>{{result['5'][1][0]}}</p>
                            </td>
                            <td>
                                <p>{{result['5'][0][1]}}</p>
                                <p>{{result['5'][1][1]}}</p>
                            </td>
                            <td>
                                <p>{{result['5'][0][2]}}</p>
                                <p>{{result['5'][1][2]}}</p>
                            </td>
                            <td>
                                <p>{{result['5'][0][3]}}</p>
                                <p>{{result['5'][1][3]}}</p>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>


        </div>

    </div>

    <script src="{{ url_for('static', filename='scripts/reports.jquery-3.3.1.min.js') }}"></script>
    <script src="{{ url_for('static', filename='scripts/reports.popper.min.js') }}"></script>
    <script src="{{ url_for('static', filename='scripts/reports.bootstrap.min.js') }}"></script>
    <script src="{{ url_for('static', filename='scripts/reports.main.js') }}"></script>
</body>

</html>